﻿body { font-size: 0.8em; }

textarea {
    height: 150px;
    width: 75%;
}

body, p, h1, h2, h3, h4, table, td, th, ul, ol, textarea, input { font-family: 'droid_sansregular', sans-serif; }

input[readonly] { background-color: lightgrey; }

body {
    height: 100%;
    margin: 0;
    min-width: 1080px;
    padding: 0;
    width: 100%;
}

img { border: 0; }

.topBar {
    background: #223f54;
    height: 10px;
    width: 100%;
}

.leftLogoHolder {
    float: left;
    z-index: 0;
}

.leftLogoHolder img { z-index: 0; }

.container {
    margin-left: auto;
    margin-right: auto;
    width: 710px;
    z-index: 1;
}

.content {
    border: 1px solid #EFEFEF;
    margin-top: 30px;
    width: 708px;
}

.menu {
    margin: 0;
    padding: 0;
}

.menuItem, .subMenuItem {
    background-image: url('ButtonIcons/gradient.png');
    background-repeat: repeat-x;
    border: 1px solid #EFEFEF;
    color: black;
    display: table-cell;
    font-family: 'source_code_proextralight', sans-serif;
    /*font-family: 'droid_sansregular', sans-serif;*/
    height: 126px;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 140px;
}

.menuItem:hover, .subMenuItem:hover { background-image: url('ButtonIcons/gradient_dark.png'); }

.menuItem img {
    margin-bottom: 20px;
    margin-top: 30px;
}

.selectedPage {
    background-image: url('ButtonIcons/marked.png');
    display: block;
    height: 23px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 28px;
}

.padder { padding: 10px; }

input[type=text], input[type=password], select {
    -moz-border-radius: 5px;
    border: 1px solid #223f54;
    border-radius: 5px;
    padding: 5px;
    width: 300px;
}

select { width: 312px; }

.buttonHolder {
    margin-top: 15px;
    text-align: right;
    width: 100%;
}


.formEntry { clear: both; }

.formBullet {
    clear: both;
    font-size: 14px;
    font-style: italic;
    margin-top: 25px;
}


.subMenu {
    text-align: center;
    width: 100%;
}

.subMenu .topBar { height: 1px; }

.subMenuItem {
    font-size: 12px;
    height: 90px;
}

.subMenuItem img {
    margin-bottom: 5px;
    margin-top: 15px;
}

.subMenuItem .selectedPage {
    background-image: url('ButtonIcons/marked_small.png');
    height: 12px;
    top: -2px;
    width: 15px;
}


.loginPageImgHolder {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
    width: 32px;
}

.loginBox {
    -moz-border-radius: 5px;
    border: 2px solid #223f54;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    width: 350px;
}

.loginBox form {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
    width: 310px;
}

.error {
    color: #CE2F2F;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

.infobar { margin-top: 20px; }

.infobar img {
    -webkit-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
}

.tableView {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 5px;
    width: 100%;
}

.tableView tr:first-of-type {
    font-size: 16px;
    text-transform: capitalize;
}


.tableView tr td { 
    border: 1px solid #EFEFEF;

}

.tableView tr:first-of-type td { 
    border:none;
    border-bottom: 1px solid #808080; 
    border-right: 1px solid #808080;

}

.tableView tr:first-of-type td:last-of-type { border-right: none; }

.tableView tr:first-of-type td a {
    color: black;
    text-decoration: none;
}

    .tableView tr:last-of-type td {
        border:none;
    }


.tableView td {
    border-left: 0px;
    padding-left: 5px;
    padding-right: 10px;
}

.tableView td:last-child {
    width: 35px;
}

.float-right { float: right; }

.smallMarginBottom { margin-bottom: 20px; }

.rightAlign { text-align: right; }

.showSelf {
    padding: 50px;
    padding-left: 100px;
}

.showSelf tr td {
    padding: 5px;
    padding-right: 15px;
}

.showSelf tr td:first-child { font-weight: 700; }

.open_hidden { display: none; }

.searchCriterias { margin-bottom: 20px; }

.searchCriterias legend {
    font-size: 14px;
    font-style: italic;
    padding-left: 5px;
    padding-right: 7px;
}

.searchCriterias table tr td {
    padding: 5px;
    vertical-align: top;
}

.searchCriterias table tr td:first-child { font-weight: bold; }